
@media screen and (max-width: 640px) {
  .weui_navbar_p.navbar_fixed {
    width: 95%;
  }
}
@media screen and (min-width: 640px) and (max-width: 768px) {
  .weui_navbar_p.navbar_fixed {
    width: 606px;
    margin: 0 auto;
  }

}

@media screen and (min-width: 768px) {
  .weui_navbar_p.navbar_fixed {
    width: 606px;
    margin: 0 auto;
  }

}
.container-p {
  font-family:"microsoft yahei";
  width:95%;
  margin:0 auto;
  .weui_tab{
    .weui_navbar_p.navbar_fixed{
      height: 61px;
      line-height: 61px;
      background-color: #EDEDED;
      padding-top: 10px;

      position:fixed;
      top:34px;
      margin-top: 10px;
      //border-radius:5px;
      &:after{
        border-bottom:none;
      }

      .weui_navbar_item_p {
        color: #0175EC;
        //padding:10px 0;
        padding:0;
        height:44px;
        line-height:44px;
        border:1px solid #0175ec;
        background:#fff;
        &:after{
          //border-right:2px solid #0175EC;
          border-right:none;
        }
      }
      a[href="#tab1"]{
        border-right:none;
        border-top-left-radius:5px;
        border-bottom-left-radius:5px;

      }
      a[href="#tab3"]{
        border-left:none;
        border-top-right-radius:5px;
        border-bottom-right-radius:5px;

      }

      .weui_navbar_item.weui_bar_item_on {
        background-color: #0175EC;
        color: #fff;
      }
    }

    .weui_tab_bd_p {
      margin-top:69px;
      border:1px solid #EDEDED;
      padding-top:0;
      background:#ededed;
      &:before{
        content:" ";
        display:table;
      }
      &:after{
        content:" ";
        display:block;
        clear:both;
      }
      .weui_tab_bd_item{
        overflow-x:hidden;
        a.label-con{
          display:block;
        }
      }

      .panel-bd-p {
        &:after{
          content:" ";
          display:block;
          clear:both;
        }
        margin-bottom:5px;
        width: 100%;
        border:1px solid #EDEDED;
        border-radius:8px;
        background:#fff;
        .panel-view-pic {
          width: 28%;
          float: left;
          img {
            width: 100%;
            height: 100px;
            vertical-align:bottom;
            border-top-left-radius:5px;
            border-bottom-left-radius:5px;
          }
        }
        .panel-view-desc {
          float:left;
          position:relative;
          padding-top:4px;
          padding-left:20px;
          height:96px;
          width: 62%;
          &.spot{
            height:96px;
            line-height:96px;
            text-align: center;
          }
          h4{
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            font-weight: normal;
            color:#333;

          }
          .view-desc-p{
            font-size:13px;
            color:#808080;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            a{
              color:#808080;
            }
          }
          .view-desc-spot{
            font-size:13px;
            color:#808080;
            .location-s{
              display: inline-block;
              width:140px;
              overflow: hidden;
              text-overflow: ellipsis;
              display: -webkit-box;
              -webkit-line-clamp: 1;
              -webkit-box-orient: vertical;
              i.g-icons{
                width: 14px;
                height: 16px;
                display: inline-block;
                background-image: url("../../assets/images/autoGuide_icons.png");
                background-repeat: no-repeat;
                background-size: 40px auto;
                background-position-x: -2px;
                background-position-y: -169px;
                position: relative;
                top:4px;
                padding-right:4px;
              }
            }

          }
          .view-more{
            font-size:12px;
            color:#999999;
            text-align:right;
            margin-top:10px;
            position:absolute;
            bottom:2px;
            right: 0;
            &.view-more-spot{
              margin-top:-9px;
            }
          }

        }
      }
    }
  }
}
